<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度前端训练营</title>
    <link rel="icon" type="image/x-icon" href="images02/baiduico.png">
    <link rel="stylesheet" text="text/css" href="pre-end.css">
</head>
<body>
    <div id="div01">
        <img id="img02" src="images02/素材库1.png" alt="百度小程序">
        <div id="div09">
            <span class="span">开发文档</span>
            <span class="span">交流中心</span>
            <span class="span">服务市场</span>
            <span class="span">开源联盟</span>
            <span id="span1">管理中心</span>
        </div>
    </div>
    <div id="div02">
        <img id="img03" src="images02/素材库03.webp" alt="俯瞰曼哈顿">
        <span>百度前端训练营2021开营了，赶紧报名吧!</span>
    </div>
    <div id="div03">    
        <div id="div04">
            <div id="div05">
            <div id="div07"><h2>我们的宗旨</h2></div>
                <br>
            <div id="div06">
                <div id="div08">
                <span >自律独立思考</span>
                <br>
                <img class="img" src="images02/自律独立思考.webp" alt="自律独立思考">
                </div>
                <div id="div08">
                <span >实践</span>
                <br>
                <img class="img" src="images02/实践.webp" alt="实践">
                </div>
                <div id="div08">
                <span >总结回顾</span>
                <br>
                <img class="img" src="images02/总结回顾.webp" alt="总结回顾">
                </div>
                <div id="div08">
                <span >分享交流</span>
                <br>
                <img class="img" src="images02/分享交流.webp" alt="分享交流">
                </div>
                <div id="div15_clone"></div> <!--用于叠加boxshadow效果-->
                <div id="div15">
                <span>请输入学校:</span>
                <br>
                <!-- <div id="selection_school"> -->
                    <button id="button1" onclick="school">选中示例大学</button>
                    <div id="button1-content"> <!--控制学校方块总块-->
                        <div id="province"> <!--控制六个省份-->
                            <li>江西省</li>
                            <li>湖北省</li>
                            <li>湖南省</li>
                            <li>广东省</li>
                            <li>江苏省</li>
                            <li>陕西省</li>
                        </div>
                        <div id="jiangxi-universities">
                            <li>江西师范大学</li>
					        <li>南昌大学</li>
					        <li>华东交通大学</li>
					        <li>江西财经大学</li>
					        <li>南昌航空大学</li>
					        <li>江西师范大学</li>
					        <li>江西理工大学</li>
					        <li>东华理工大学</li>
					        <li>江西科技师范大学</li>
					        <li>江西农业大学</li>
					        <li>赣南师范大学</li>
					        <li>井冈山大学</li>
                        </div>
                        <div>
                            <li>华中科技大学</li>
					        <li>武汉大学</li>
					        <li>华中农业大学</li>
					        <li>华中师范大学</li>
					        <li>武汉理工大学</li>
					        <li>中南财经政法大学</li>
					        <li>中国地质大学（武汉）</li>
					        <li>武汉科技大学</li>
					        <li>中南民族大学</li>
					        <li>湖北大学</li>
					        <li>中南民族大学</li>
					        <li>三峡大学</li>
                        </div>
                        <div>
                            <li>国防科学技术大学</li>
					        <li>中南大学</li>
					        <li>湖南大学</li>
					        <li>湖南师范大学</li>
					        <li>湘潭大学</li>
					        <li>中南林业科技大学</li>
					        <li>湖南农业大学</li>
					        <li>湖南中医药大学</li>
					        <li>长沙理工大学</li>
					        <li>南华大学</li>
					        <li>湖南科技大学</li>
					        <li>湖南工业大学</li>
                        </div>
                        <div>
                            <li>中山大学</li>
					        <li>华南理工大学</li>
					        <li>汕头大学</li>
					        <li>华南理工大学</li>
					        <li>华南农业大学</li>
					        <li>广东海洋大学</li>
					        <li>广州医科大学</li>
					        <li>华南师范大学</li>
					        <li>广州中医药大学</li>
					        <li>深圳大学</li>
					        <li>南方科技大学</li>
					        <li>广东医科大学</li>
                        </div>
                        <div>
                            <li>南京大学</li>
					        <li>苏州大学</li>
					        <li>扬州大学</li>
					        <li>东南大学</li>
					        <li>江南大学</li>
					        <li>河海大学</li>
					        <li>南京师范大学</li>
					        <li>南京理工大学</li>
					        <li>南京财经大学</li>
					        <li>南京航空航天大学</li>
					        <li>南京审计大学</li>
					        <li>南通大学</li>
                        </div>
                        <div>
                            <li>长安大学</li>
					        <li>西安交通大学</li>
					        <li>西安电子科技大学</li>
					        <li>西北工业大学</li>
					        <li>西北大学</li>
					        <li>西北农林大学</li>
					        <li>陕西师范大学</li>
					        <li>江西师范大学</li>
					        <li>西安理工大学</li>
					        <li>西安科技大学</li>
					        <li>西安工业大学</li>
					        <li>西安石油大学</li>
                        </div>
                    </div>
                <!-- </div> -->
                <span id="span01">请输入学年份:</span>
                <br>
                <!-- <div id="dropdown_school"> -->
                    <button id="button2" onclick="year">2018</button>
                    <div id="button2-content">
                    <ul>
                        <li>2010</li>
                        <li>2014</li>
                        <li>2018</li>
                    </ul>
                    <ul>
                        <li>2011</li>
                        <li>2015</li>
                        <li>2019</li>
                    </ul>
                    <ul>
                        <li>2012</li>
                        <li>2016</li>
                        <li>2020</li>
                    </ul>
                    <ul>
                        <li>2013</li>
                        <li>2017</li>
                        <li>2021</li>
                    </ul>
                    </div>
                <!-- </div> -->
                <span id="span02">请输入您的电子邮箱:</span>
                <br>
                <input type="email" id="input3" placeholder="例如host@hotmail.com">
                <div id="div_baoming">
                    <span>报名</span>
                </div>
                </div>
            <!-- <aside>
                <ul><header>学习路线</header>
                    <div>
                    <li><a href="https://bit.baidu.com/courseRouteDetail?id=111">人工智能学习路线</a></li>
                    <li></li>
                    <li></li>
                    </div>
                </ul>
                <ul><header>精品课程</header>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul><header>实训</header>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </aside> -->
               <div id="div11">
                    <span id="span2">课程安排</span>
               </div>
            <script src="button_control.js"></script>

               <div id="div10">
                   <img id="img01" src="images02/黑板板书.jpg" alt="上课">
                   <img id="img01" src="images02/黑板板书.jpg" alt="上课">
                   <img id="img01" src="images02/黑板板书.jpg" alt="上课">
                   <img id="img01" src="images02/黑板板书.jpg" alt="上课">
                   <img id="img01" src="images02/黑板板书.jpg" alt="上课">
                   <img id="img01" src="images02/黑板板书.jpg" alt="上课">
               </div>
                    <div id="js_switch">
                        <div id="selected"></div> <!--切换条-->
                        <span class="clicked">全部</span>
                        <span>HTML</span>
                        <span>CSS</span>
                        <span>JavaScript</span>
                    </div>
               <div id="div12">
                   <p>
                    <span id="span4_1">
                        第一课&nbsp;这里是课程名字
                   </span>
                   <br>
                   <span id="span5">
                        这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；
                   </span>
                    </p>
                    <div><div id="div1a"><span>HTML</span></div></div>
                   <p class="p">
                    <span id="span4">
                        第二课&nbsp;这里是课程名字
                   </span>
                   <br>
                   <span id="span5">
                        这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；
                   </span>
                   </p>
                   <div><div id="div1b"><span>CSS</span></div></div>
                   <p class="p">
                    <span id="span4">
                        第三课&nbsp;这里是课程名字
                   </span>
                   <br>
                   <span id="span5">
                        这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；
                   </span>
                   </p>
                   <div><div id="div1c"><span>JavaScript</span></div></div>
                   <p class="p">
                    <span id="span4">
                        第四课&nbsp;这里是课程名字
                   </span>
                   <br>
                   <span id="span5">
                        这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；
                   </span>
                   </p>
                   <div id="div1a"><span>HTML</span></div>
                   <div id="div1b"><span>CSS</span></div>
                   <div id="div1c"><span>JavaScript</span></div>
                    

                   <p class="p">
                    <span id="span4">
                        第五课&nbsp;这里是课程名字
                   </span>
                   <br>
                   <span id="span5">
                        这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；
                   </span>
                   </p>
                   <div id="div1b"><span>CSS</span></div>
                   <div id="div1a"><span>HTML</span></div>

                   <p class="p">
                    <span id="span4">
                        第六课&nbsp;这里是课程名字
                   </span>
                   <br>
                   <span id="span5">
                        这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；这里是课程内容的概要；
                   </span>
                   </p>
                   <div id="div1b"><span>CSS</span></div>
                   <div id="div1c"><span>JavaScript</span></div>
            <script src="switch.js"></script>
                   
               </div>
               <div id="div13">
                    <div class="div01">
                        <div><span>I</span></div>
                        <div><span>F</span></div>
                        <div><span>E</span></div>
                    </div>
                    
                    <div id="div14">
                        <ul><span>Links</span>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                            <li>技术培训中心</li>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                        </ul>
                        <ul><span>Links</span>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                            <li>技术培训中心</li>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                        </ul>
                        <ul><span>Links</span>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                            <li>技术培训中心</li>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                        </ul>
                    </div>
               </div>
        </div>
    </div>
    <!-- <script src="endingwork.js"></script> -->
    <noscript>
        <p>浏览器不支持javascript!推荐使用chrome</p>
    </noscript>
</body>
</html>